<!DOCTYPE html>
<html lang="en">

<head>
    <title>服务范围</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../css/serve.css" rel="stylesheet">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
</head>

<body>
    
    <div class="header">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <div class="nav">
                <div class="nav-mian ">
                    <div class="nav-left"> <a class="nav-logo">广州幻猎科技有限公司</a></div>

                    <div class="flex nav-right">
                        <ul>
                            <li><a href="/html/index.html">首页</a></li>
                            <li class="cur"><a href="/html/serve.html">服务范围</a></li>
                            <li><a href="/html/info.html">行业资讯</a></li>
                            <li><a href="/html/about.html">关于</a></li>
                        </ul>
                        <div class="tel ">
                            <img src="../img/icon/tel_4.png" alt="">
                            <span>17600088816</span>
                            
                        </div>
                        
                    </div>
                  

                </div>
                <div class="clear"></div>

            </div>
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="../img/bg/fw_01_3.jpg" alt="...">
                    <div class="carousel-caption">

                    </div>
                </div>
              
                
            </div>
        </div>
      
        <div class="clear"></div>
    </div>
    <div class="serve-body">
        <ul>
            <li>
                <img src="../img/bg/fw_02_3.jpg" alt="">
            </li>
            <li>
                <div class="box-main">
                    <h1>定制系统开发</h1>
                    <p>根据企业行业特点和自身需求整合企业网络资源提供Saas信息化管理软件</p>
                    <img src="../img/bg/fw_03_3.png" alt="">
                </div>
            </li>
            <li>
                <div class="box-main">
                    <h1>APP开发</h1>
                    <p>专属定制研发应用软件，安全稳定的技术运维服务，为您提供多方位解决方案</p>
                    <img src="../img/bg/fw_07_3.png" alt="">
                </div>
            </li>
            <li>
                <img src="../img/bg/fw_05_3.jpg" alt="">
            </li>
            <li>
                <img src="../img/bg/fw_07_2.jpg" alt="">
            </li>
            <li>
                <div class="box-main">
                    <h1>公众号/小程序</h1>
                    <p>基于微信为企业提供开发、运营、推广一体化解决方案，帮助企业实现线上线下互通</p>
                    <img src="../img/bg/fw_11_2.png" alt="">
                </div>
            </li>
            <li>
                <div class="box-main">
                    <h1>高端品牌网站开发</h1>
                    <p>需求分析-创意设计-程序制作-资料添加-测试交付每一步我们都追求精致</p>
                    <img src="../img/bg/fw_15_3.png" alt="">
                </div>
            </li>
            <li>
                <img src="../img/bg/fw_11_3.jpg" alt="">
            </li>
        </ul>
    </div>

    <div class="footer">

        <div class="footer_content">
            <div class="footer_content_top">
                <div class="content_top_share fl">
                    <div class="footer_logo">
                        <p>广州幻猎科技有限公司</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_top_left fl">
                    <div class="top_left_list fl">
                        <dd>
                            <a href="/html/about.html">关于我们</a>
                        </dd>
                        <dt>
                            <a href="/html/about.html">关于我们</a>
                        </dt>
                    </div>
                    <div class="top_left_list fl">
                        <dd>
                            <a href="/html/serve.html">服务项目</a>
                        </dd>
                        <dt>
                            <a href="/html/serve.html">服务项目</a>
                        </dt>
                    </div>
                    <div class="top_left_list fl">
                        <dd>
                            <a href="/html/info.html">行业资讯</a>
                        </dd>
                        <dt>
                            <a href="/html/info.html">行业资讯</a>
                        </dt>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="content_top_right fr">
                    <div class="top_right_title">联系方式</div>
                    <div class="top_right_content">
                        <div class="right_content_list">
                            <img src="../img/icon/copy.png" alt="">
                            <span>17600088816</span>
                        </div>
                        <div class="right_content_list">
                            <img src="../img/icon/caiqie.png" alt="">
                            <span>customer@magahata.com</span>
                        </div>
                        <div class="right_content_list">
                            <img src="../img/icon/caiqie.png" alt="">
                            <span>广州市海珠区中大科技园1305A</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="footer_content_copyright"></div>
    </div>

    <div class="nav-box">
        <div class="nav-box-font"><a href="/html/index.html">首页</a></div>
        <div class="nav-box-font"><a href="/html/serve.html">服务范围</a></div>
        <div class="nav-box-font"><a href="/html/info.html">行业资讯</a></div>
        <div class="nav-box-font"><a href="/html/about.html">关于</a></div>
    </div>
    <div class="bottom">
        <div class="bottom_box">
            <input type="text" placeholder="您的名字">
        </div>
        <div class="bottom_box">
            <input type="text" placeholder="您的号码">
        </div>
        <div class="bottom_box">
            <button>联系我们</button>
        </div>
    </div>
    <div class ="topNav" >
        <div class ="topNav-leftbox" >
            <p>广州幻猎</p>
        </div>
        <div class ="topNav-rightbox" onclick="btn();" >
            <img src="../img/icon/list.png" alt=""  >
        </div>
    </div>

</body>
<script src="../bootstrap-3.4.1-dist/js/jquery-3.4.1.js"></script>
<script src="../bootstrap-3.4.1-dist/js/bootstrap.js"></script>

<script>

var flag = false;
    function btn(){
        if(!flag){
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "0" });
            });
            flag =!flag
        }
        else{
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "100%" });
            });
            flag =!flag
        }
    }
    function btnOut() {
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "0" });
            });
 
        }
 
        function btnIn() {
            $(".nav-box").animate({}, 1500, function () {
                $(".nav-box").css({ "left": "100%" });
            });

        }
</script>

</html>